<template>
  <div class="nav-header" style="margin: 0 auto">
      <!--      <el-menu :default-active="activeIndex" class="el-menu-" mode="horizontal" @select="handleSelect">-->
      <!--        <el-menu-item index="1" route="/">Home</el-menu-item>-->
      <!--        <el-menu-item index="2" route="/society">Society</el-menu-item>-->
      <!--        <el-menu-item index="3" route="'/about">About</el-menu-item>-->
      <!--      </el-menu>-->
      <el-menu
          :default-active="path"
          mode="horizontal"
          background-color="#343434"
          text-color="#fff"
          active-text-color="#32CD32"
          :router="true">
        <el-menu-item index="/">Home</el-menu-item>
        <el-menu-item index="/List">List</el-menu-item>
        <el-menu-item index="/User">User</el-menu-item>
        <el-menu-item index="/About">About</el-menu-item>
        <el-menu-item index="/test">test</el-menu-item>
		<el-menu-item index="/Developer">Developer</el-menu-item>
      </el-menu>
  </div>

</template>

<script>
export default {
  name: "nav_header",
  props:{
    path:{
      type: String
    }
  },
  data() {
    return {
    };
  },
  created() {
  }
  // methods: {
  //   handleSelect(key, keyPath) {
  //     console.log(key, keyPath);
  //   }
  // }
}
</script>

<style scoped>

</style>